 import styled from 'styled-components'
 import border from 'utils/border'
 import {thomeColor} from 'assets/color'

 export const SortDetailStyle = styled.section`
        flex:1;
        overflow:hidden;
        width:100%
 `

 export const SortDetailNavStyle = border({
    component: styled.nav`
    height:.44rem;
    color:#666;
    font-size:.14rem
    ul{
        widith:100%;
        height:100%;
        display:flex;
        justify-content:center;
        align-items:center;
        li{
            flex:25%;
            height:100%;
            display:flex;
            justify-content:center;
            align-items:center;
            i{
                color:#ccc;
                margin-left:.1rem
            }
        }
    }
`,
    width: '1px',
    style: 'solid',
    color: '#eee',
    radius: 0,
})
 
 
 

 export const SortDetailListsStyle = styled.section`
        a{
            border-bottom: 1px solid #eee;
            background: #fff;
            display: block;
            height: 1.245rem;
            display:flex;
        }
 
 `

 export const SortDetailImgStyle = styled.div`
        flex:124;
        box-sizing: border-box;
        padding:.12rem;
        position: relative;
        img{
            width:100%
        }
        .small{
            width: .3rem;
            display: block;
            position: absolute;
            top: .12rem;
            left: .12rem;
        }
 
 `

 export const SortDetailInfoStyle = styled.div`
        flex:251;
        box-sizing: border-box;
        margin:.095rem .11rem .075rem;
        position: relative;
        .title{
            font-size: .14rem;
            line-height: .20rem;
            height: .40rem;
            overflow: hidden;
            color: #333;
        }
        .price{
            height: .20rem;
            font-size: .13rem;
            position: absolute;
            bottom: .15rem;
            left: 0;
            .jumei-price {
                font-size: .18rem;
                color: ${thomeColor};
            }
            .market-price {
                font-size: .13rem;
                color: #999;
                text-decoration: line-through;
                padding-left: .1rem;
            }
        }
 `